//======================================
// Theme slideshow style
//======================================
@import '../init.scss';

//flexslider - common
// -------------------------------------------
.flexslider {
  background: transparent;
  padding: 0; //bottom margin for nav
  list-style: none;
  margin: 0; 
  border: none;
  @include border-radius(0);
  @include box-shadow(none);
}
//!IMPORTANT
.flexslider {
  .slides > .slide,
  .items > .item {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
}

// Slide content
// -------------------------------------------
.slide {
  overflow: hidden;
  -webkit-transform: translateZ(0);
  
  .caption {
    padding: 5%;
    text-align: center;
    
    .btn {
      margin: 0;
    }
    
    .inverse {
      background: $gray;
      color: $white;
      padding: 5px;
      display: inline-block;
      @include border-radius(1px);
      
      a {
        color: rgba($white, 90%/100.0%);
      }
    }
  }
}

.flexslider .slide {
  
  
  img {
    width: auto;
    display: inline;
    max-width: 100%;
    height: auto !important; 
  }
}

.slide-bg {
  //position: absolute;
  //left: auto;
  //right: auto;
  //height: 100%;
  //width: 100%;
  //z-index: -1;
  //display: block;
  background-position: center center;
  background-repeat: repeat;
}


// $Responsive
// -------------------------------------------
@include media-breakpoint-up(sm) {
  .slide {
    .caption {
      text-align: left;
    }
  }
}

// $Responsive
@media (max-width: 860px) {
  .flex-direction-nav {
    display: none;
  }
  .flex-control-nav {
    bottom: 0;
  }
  
  .flexslider {
    padding-bottom: 0;
    
    .flex-control-nav {
      display: block;
    }    
  } 
}


// Full screen underlaying nav
// -----------------------
@include media-breakpoint-up(md) {  
  .slide {
    .caption {
      padding: 5% 0;
    }
  }
}